<template lang="html">
  <ul class="content">
    <li>
      <router-link :to="{ name: 'home'}">
        <img src="//img12.360buyimg.com/jrpmobile/jfs/t3451/188/644771475/2428/800d7cb7/580f2435Nbfaa8055.png?width=66&height=66" >
        <p>首页</p>
        </router-link>
    </li>
    <li>
      <router-link :to="{ name: 'money'}">
        <img src="//img12.360buyimg.com/jrpmobile/jfs/t3811/55/345433999/2930/116d3dd1/580f1e25N028a1f2c.png?width=66&height=66" >
        <p>理财</p>
      </router-link>
    </li>
    <li>
      <router-link :to="{ name: 'ious'}">
        <img src="//img12.360buyimg.com/jrpmobile/jfs/t3343/179/621044750/1484/5af6b11a/580f50e4N005181d0.png?width=66&height=66" >
        <p>白条</p>
      </router-link>
    </li>
    <li>
      <router-link :to="{ name: 'raise'}">
        <img src="//img12.360buyimg.com/jrpmobile/jfs/t3340/68/639059082/2591/800e2d6b/580f51cdN4caf20b2.png?width=66&height=66" >
        <p>众筹</p>
      </router-link>
    </li>
  </ul>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import '../../css/element.scss';
.content{
  @include flex(row);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  background: #fff;
  justify-content: space-around;
  box-shadow: 0 -6px 8px rgba(0,0,0,.03);
  z-index: 999;
  li{
    text-align: center;
    a{
      text-decoration: none;
      img{
        height: 44px;
        width: 44px;
        display: inline-block;
        margin:12px auto 6px;
      }
      p{
        font-size: 22px;
        color:#656565;
      }
    }
  }
}
</style>
